<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>注册页面</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/register.css">
    <link rel="stylesheet" href="css/common.css">

    <script src="./js/jquery-2.1.0.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script type="text/javascript">

    </script>

</head>

<body>
    <iframe src="header.jsp" width="100%" height="100px" scrolling="no" frameborder="0"></iframe>
    <div class="main">
        <iframe src="main_left.jsp" width="200px" height="100%" scrolling="no" frameborder="0"></iframe>
        <div class="right">
            <div class="login">
                <h4>员工信息</h4>
                <div class="loginForm">
                    <div class="loginForm_left">
                        <ul>
                            <li><label for="vcode">姓名：</label></li>
                            <li><label for="vcode">账号名：</label></li>
                            <li><label for="vcode">密码：</label></li>
                            <li><label for="vcode">确认密码：</label></li>
                            <li><label for="vcode">联系电话：</label></li>
                            <li><label for="vcode">电子邮件：</label></li>
                            <li><label for="vcode">所在部门:</label></li>

                        </ul>
                    </div>
                    <div class="loginForm_right">
                        <ul>
                            <form action="RegisterServlet" method="post">
                                <div class="container">

                                    <div class="form-inline">
                                        <input type="text" name="name" class="form-control">
                                        <br>
                                        <input type="text" name="username" class="form-control">
                                        <br>
                                        <input type="password" name="password" class="form-control">
                                        <br>
                                        <input type="password" name="confirmPassword" class="form-control">
                                        <br>
                                        <input type="text" name="phone" class="form-control">
                                        <br>
                                        <input type="email" name="email" class="form-control">
                                        <br>
                                        <select id="dropdown_menu" class="btn btn-default" name="department">
                                            <c:forEach items="${departmentList}" var="department">
                                            <option value="${department.departmentid}">${department.departmentname}</option>
                                            </c:forEach>
                                          </select>
                                        <br>
                                        <input class="btn btn btn-primary" type="submit" value="注册">
                                        <input class="btn btn btn-primary" type="submit" value="重置">
                                    </div>
                                </div>
                            </form>
                        </ul>

                    </div>
                   <!-- 出错显示的信息框 -->
                    <div id="login_msg" class="alert alert-warning alert-dismissible" role="alert">
                        <button type="button" class="close" data-dismiss="alert">
                        <span>&times;</span></button>
                        <strong id="msg">${login_msg}</strong>
                    </div> 
                </div>
            </div>
        </div>
    </div>
    <iframe src="footer.jsp" width="100%" scrolling="no" frameborder="0"></iframe>

</body>

</html>